<template>
  <div>
    <!-- 详情 --- {{ id }} -->
    <img :src="item.url" alt="" width="100%">
    <h1>{{ item.title }}</h1>
    <h3 style="color:red;">{{ item.price }}</h3>
  </div>
</template>

<script>
import axios from 'axios'
export default {
  created() {
    // 获取 id
    let id = this.$route.params.id
    // 请求详情页数据  post
    axios.post('/detail', { id }).then(resp => {
      // resp.data 返回的对象
      // resp.data.data 是我们想要的数据
      this.item = resp.data.data
    })

    // 请求详情页数据
    axios.get('/detail', { params: { id } }).then(resp => {
      console.log('get请求');
      console.log(resp.data);
    })
  },
  data() {
    return {
      item: {}
    }
  }
}
</script>